<!-- <template>
  <widget-async v-if="x.template" :p="x" v-bind="$attrs"></widget-async>
  <div class="w-view" v-bind="$attrs" v-else>
    <slot></slot>
  </div>
  <w-pop v-for="item in pops" :p="item"></w-pop>
</template> -->

<script>
  import $ from '../dfish.js'
  import {
    h,
    mergeProps
  } from 'vue'
  import ViewAbs from './ViewAbs.vue'
  import Vertical from './Vertical.vue'

  export default {
    name: 'w-view',
    mixins: [Vertical, ViewAbs],
    inject: ['provideView'],
    methods: {
      html() {
        return [this.html_self(true), this.html_pops()]
      }
    },
    computed: {
      html_class() {
        return ['w-vertical f-rel', this.html_scroll_class]
      }
    }
  }
</script>
